<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Evernote for Symbian by SpanishGringo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />		
		<link rel="stylesheet" href="css/south-street/jquery-ui-1.7.2.custom.css" type="text/css">
        <script type="text/javascript" src="js/platformservices.js"></script>
		<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
		<script type="text/javascript" src="js/jquery.json-2.2.min.js"></script>
        <META NAME="Generator" CONTENT="Nokia WRT plug-in for Aptana Studio 2.1.0" />
		<style type="text/css">
			body{
				font-size:16px;
				margin:0px;
				padding:0px;
				background:#2F2F2F url(pattern8.png) repeat scroll;
				}
			
			#wrapper{
				width:100%;/*360px;*/
				height:100%;
				overflow-x:hidden;
				}
			
			#accordion{
				background: #2F2F2F;
				float:left;
				width:100%;
			}

				
			#everFrame {
				overflow-x:hidden;padding:0;margin:0;width:99%;height:496px;
				}
		
			.emailWrap {
				padding:5px 0 20px;
				margin:0;
				text-align:center;
				
				}
			
			.emailWrap a {
				text-decoration:none;
				padding:8px 4px;
				clear:both;
				width:95%;
				display:block;
				margin:12px 0px 10px;
				}
			#aboutDialog{
				font-size:15px;
				padding: 15px 6px 20px;
				position:absolute;
				bottom:0;
				z-index:0;
				display:none;
			}
			#aboutDialog a{
				font-weight:bold;
			}
			
			a.updateButton{
				display:block;
				width:80%;
				text-align:center;
				padding:8px;
				color:#FFFFFF;
			}
			
			div.loading {
			position:absolute;
			text-align:center;
			padding:10px 10px;
			font-weight:bold;
			top:23%;
			left:20%;
			color:#ffffff;
			width:120px;
			height:100px;
			background:#2F2F2F;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px; 
			}
				
		</style>
		
 <script type="text/javascript" >
//TODO 	add sensor for potrait vs landscape.

 </script>
    </head>
    <body >
    <div id="wrapper">

<!--Begin Accordion-->			
		<div id="accordion">
<!--Main Panel-->			
			<h3 class="everHead"><a href="#" class="head home">Evernote Mobile for S60</a></h3>
	    	<!--http://www.evernote.com/mobile/Home.action-->
			<div style="padding:0px;margin:0px;overflow-x:hidden;">
			<!--	<iframe id="everFrame" src="http://www.evernote.com/mobile/MobileSetup.action?noRedirect=true"></iframe>-->
			<div class="loading">
				<p>loading...</p>
			</div>
			<iframe id="everFrame" src=""></iframe>
			</div>

<!--email Panel-->	    	
			<h3 class="emailHead"><a href="#" class="head qNote">Evernote Email</a></h3>
	   		<div class="emailWrap">
				<div class="emailButtonWrap">
		    		<a  href="#" class="addEmail ui-corner-all ui-state-default">Evernote e-mail setup</a>
					
				<div class="mailSetupYes" style="display:none;">
					<a href="#" class="ui-corner-all ui-state-default sendNow">Send e-mail to Evernote account</a>
					
					<a href="#" class="addContact ui-corner-all ui-state-default">Add Evernote e-mail to Contacts</a>
		    	</div>
				
				</div>
			</div>
				
<!--End Accordion-->		
		</div>
		
<!--Begin Dialog-->	
		<div id="dialog">
			<p id="validateTips">This is the e-mail address you will use for sending photos and other files to Evernote</p>
			<form>
				<label for="email">Incoming Evernote Email</label>
				<input type="text" name="email" id="email" size="30" value="" class="text ui-widget-content ui-corner-all" />
				<p id="emailError"></p>
			</form>
<!--End Dialog-->			
		</div>

<!--Begin About-->			
		<div id="aboutDialog" class="ui-widget ui-widget-content ui-accordion ui-corner-top">
			<h3>Evernote Symbian Widget by Spanishgringo</h3>
			<p>
				&copy; 2009 Conceived of and written by Michael Freeman
			</p>
			<p>Any thoughts or suggestions? Please make a comment on my blog:
				<a href="http://spanishgringo.blogspot.com" title="author Evernote mobile widget for Symbian">spanishgringo.blogspot.com</a>
			</p>
			
			<p><strong>Version <span class="oldVersion"></span></strong> <br/><br/>
				<a  class="updateButton updateCheck ui-corner-all ui-state-default" href="#" title="check for update">Check for Update</a><br/>
			</p>
			<p><span class="newVersion"></span></p>
			
<!--End about-->			
		</div>
<!--End Wrapper-->		
	</div>
 
 <script type="text/javascript" src="js/functions.js"> </script>
<!--GA Code-->
	<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
	<script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-1683366-6");
		pageTracker._trackPageview("/view/Evernote/s60");
		} catch(err) {}
	</script>
	
    </body>
</html>